<template>
  <view class="agreement-container">
	  
    <!-- 用户协议标题 -->
    <view class="title">用户协议</view>

    <!-- 用户协议内容 -->
    <scroll-view scroll-y="true" class="agreement-content">
      <view class="section">
        <text class="section-title">1. 接受条款</text>
        <text class="section-text">
          欢迎您使用我们的服务。在使用本服务之前，请仔细阅读以下条款。如果您不同意这些条款，请不要使用本服务。我们保留随时修改这些条款的权利，任何更改将在本网站上发布后立即生效。
        </text>
      </view>
      <view class="section">
        <text class="section-title">2. 隐私政策</text>
        <text class="section-text">
          我们非常重视您的隐私权。请您仔细阅读以下隐私政策。通过使用本服务，即表示您同意我们根据隐私政策收集、使用和共享您的信息。
        </text>
      </view>
      <view class="section">
        <text class="section-title">3. 使用规则</text>
        <text class="section-text">
          在使用本服务时，您必须遵守所有适用的法律法规，并同意不进行任何可能干扰或破坏本服务的行为。此外，您不得复制、分发或以其他方式利用从本服务获得的内容，除非得到明确许可。
        </text>
      </view>
      <view class="section">
        <text class="section-title">4. 免责声明</text>
        <text class="section-text">
          对于因使用本服务而产生的任何直接、间接、偶然、特殊或后果性的损失或损害，我们概不负责。尽管如此，我们仍将尽最大努力确保所提供的服务是安全可靠的。
        </text>
      </view>
		<view class="section">
		  <text class="section-title">作者：林宏达</text>
		</view>
		<view class="section">
		  <text class="section-title">时间：2025.3.30</text>
		</view>
		<view class="section">
		  <text class="section-title">声明：本项目仅用于毕业设计，不做商用。</text>
		</view>
    </scroll-view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      currentTime: new Date().toLocaleString()
    };
  },
  methods: {
    goBack() {
      uni.navigateBack();
    }
  }
}
</script>

<style scoped>
	.agreement-container {
	  padding: 20rpx;
	  height: 100vh;
	  box-sizing: border-box;
	}

	.title {
	  font-size: 40rpx;
	  font-weight: bold;
	  text-align: center;
	  margin-bottom: 30rpx;
	}

	.agreement-content {
	  height: calc(100% - 100rpx);
	  overflow-y: auto;
	}

	.section {
	  margin-bottom: 40rpx;
	}

	.section-title {
	  font-size: 32rpx;
	  font-weight: bold;
	  margin-bottom: 10rpx;
	}

	.section-text {
	  font-size: 28rpx;
	  line-height: 1.5;
	}
</style>